<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>登录界面</title>
    <link href="../../static/users/css/default.css" rel="stylesheet" type="text/css"/>
    <!--必要样式-->
    <link href="../../static/users/css/styles.css" rel="stylesheet" type="text/css"/>
    <link href="../../static/users/css/demo.css" rel="stylesheet" type="text/css"/>
    <link href="../../static/users/css/loaders.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../../static/users/js/jq.js"></script>
    <script type="text/javascript" src="../../static/users/js/jquery-ui.min.js"></script>
    <script src="../../static/users/js/jquery.qrcode.min.js.js" type="text/javascript"></script>


</head>
<body>
<div id="switcher">
    <div class="center">
        <ul>
            <li class="logoTop" id="sj2">LOVE SHOW@ 爱秀</li>
            <div id="Device">
                <li class="device-monitor"><a href="javascript:">
                    <div class="icon-monitor">
                    </div>
                </a></li>
                <li class="device-mobile"><a href="javascript:">
                    <div class="icon-tablet">
                    </div>
                </a></li>
                <li class="device-mobile"><a href="javascript:">
                    <div class="icon-mobile-1">
                    </div>
                </a></li>
                <li class="device-mobile-2"><a href="javascript:">
                    <div class="icon-mobile-2">
                    </div>
                </a></li>
                <li class="device-mobile-3"><a href="javascript:">
                    <div class="icon-mobile-3">
                    </div>
                </a></li>
            </div>
            <li class="top2" id="sj"><a href="#" style="color: #f1f1f1;">手机二维码预览</a>
                <div class="vm">
                    <div id="output"></div>
                    <p>扫一扫，直接在手机上打开</p>
                </div>
            </li>
            <script>
                jQuery('#output').qrcode({width: 150, height: 150, text: 'https://www.baidu.com/'});
            </script>
            <!--            <li class="remove_frame" style="display:none"><a href="http://www.jq22.com/demo/jQueryLogin201708272212"-->
            <!--                                                             title="移除框架"></a></li>-->
        </ul>
    </div>
</div>

<!-------------------------------------------------登陆部分----------------------------------------------------------------------->
<div class='login'>
    <div class='login_title'>
        <span>用户登录</span>
    </div>
    <div class='login_fields'>
        <div class='login_fields__user'>
            <div class='icon'>
                <img alt="" src='../../static/users/img/user_icon_copy.png'>
            </div>
            <input name="login" placeholder='用户名' maxlength="16" type='text' autocomplete="off" value="Sailor"/>
            <div class='validation'>
                <img alt="" src='../../static/users/img/tick.png'>
            </div>
        </div>
        <div class='login_fields__password'>
            <div class='icon'>
                <img alt="" src='../../static/users/img/lock_icon_copy.png'>
            </div>
            <input name="pwd" placeholder='密码' maxlength="16" type='text' autocomplete="off">
            <div class='validation'>
                <img alt="" src='../../static/users/img/tick.png'>
            </div>
        </div>
        <div class='login_fields__password'>
            <div class='icon'>
                <img alt="" src='../../static/users/img/key.png'>
            </div>
            <input name="code" placeholder='验证码' maxlength="4" type='text' name="ValidateNum"
                   autocomplete="off">
            <div class='validation' style="opacity: 1; right: -5px;top: -3px;">
                <canvas class="J_codeimg" id="myCanvas" onclick="Code();">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>
            </div>
        </div>
        <div class='login_fields__submit'>
            <input type='button' value='登录'>
        </div>
    </div>
    <div class='success'>
    </div>
    <div class='disclaimer'>
        <p><span><a class="guajian" href="#"> 忘记密码？</a></span><span id="backlogin1" style="margin-left: 120px"><a
                class="guajian" href="#">账号注册</a></span></p>

    </div>
</div>


<!-------------------------------------------------------注册 ---------------------------                              -->
<div class='login2'>
    <div>

        <div class='login_title2'>
            <span>用户注册</span>
        </div>
        <div class='login_fields2'>
            <div class='login_fields__user2'>
                <div class='icon'>
                    <img alt="" src='../../static/users/img/user_icon_copy.png'>
                </div>
                <input name="loginR" placeholder='用户名' maxlength="16" type='text' autocomplete="off" onblur="vUsename()"
                       value=""/>
                <div class='validation'>
                    <img alt="" src='../../static/users/img/tick.png'>
                </div>
            </div>
            <div class='login_fields__password2'>
                <div class='icon'>
                    <img alt="" src='../../static/users/img/lock_icon_copy.png'>
                </div>
                <input name="pwd1R" placeholder='密码' maxlength="16" type='password' autocomplete="off"
                       onblur="vPassword()">
                <div class='validation'>
                    <img alt="" src='../../static/users/img/tick.png'>
                </div>
            </div>
            <div class='login_fields__password2'>
                <div class='icon'>
                    <img alt="" src='../../static/users/img/lock_icon_copy.png'>
                </div>
                <input name="pwd2R" placeholder='确认密码' maxlength="16" type='password' autocomplete="off"
                       onblur="vPassword1()">
                <div class='validation'>
                    <img alt="" src='../../static/users/img/tick.png'>
                </div>
            </div>

            <div class='login_fields__password2'>
                <div class='icon'>
                    <img alt="" src='../../static/users/img/tel.png'>
                </div>
                <input name="telNumberR" placeholder='手机号码' maxlength="16" type='text' autocomplete="off"
                       onblur="vTel()">
                <div class='validation'>
                    <img alt="" src='../../static/users/img/tick.png'>
                </div>
            </div>


            <div class='login_fields__password2'>
                <div class='icon'>
                    <img alt="" src='../../static/users/img/key.png'>
                </div>
                <input name="codeR" placeholder='验证码' maxlength="6" type='text' name="ValidateNum1" onblur="vCode()"
                       autocomplete="off">
                <div class='validation1'>
                    <button id="getCode">获取验证码</button>
                </div>

            </div>
            <div class='login_fields__submit2'>
                <input type="submit" value='注册'>
            </div>
        </div>
        <div class='success'>
        </div>
        <div class='disclaimer'>
            <p><span style="margin-left: 200px"><a id="backLogic" class="guajian" href="#">返回登陆</a></span></p>

        </div>
    </div>
</div>

<!--------------------------------------------------认证动画----------------------------------------------------------------------------------------->
<div class='authent'>
    <div class="loader" style="height: 44px;width: 44px;margin-left: 28px;">
        <div class="loader-inner ball-clip-rotate-multiple">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <p>认证中...</p>
</div>

<div class="OverWindows"></div>

<!--百度统计脚本-->
<!--<script>-->
<!--    var _hmt = _hmt || [];-->
<!--    (function () {-->
<!--        var hm = document.createElement("script");-->
<!--        hm.src = "//hm.baidu.com/hm.js?b3a3fc356d0af38b811a0ef8d50716b8";-->
<!--        var s = document.getElementsByTagName("script")[0];-->
<!--        s.parentNode.insertBefore(hm, s);-->
<!--    })();-->
<!--</script>-->


<script type="text/javascript">
    $(".icon-mobile-2").click(function () {
        $("#by").css("overflow-y", "auto");
        $('#iframe-wrap').removeClass().addClass('mobile-width-2');
        $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
        $(this).addClass('active');
        return false;
    });
    var n = 1
    $("#backlogin1").click(function () {
        $('.login').css('display', 'none');
        $('.login2').css('display', 'block');

    })
    $("#backLogic").click(function () {
        $('.login2').css('display', 'none');
        $('.login').css('display', 'block');

    })
</script>
<link href="../../static/users/layui/css/layui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src='../../static/users/js/stopExecutionOnTimeout.js?t=1'></script>
<script src="../../static/users/layui/layui.js" type="text/javascript"></script>
<script src="../../static/users/js/Particleground.js" type="text/javascript"></script>
<script src="../../static/users/js/Treatment.js" type="text/javascript"></script>
<script src="../../static/users/js/jquery.mockjax.js" type="text/javascript"></script>
<script src="../../static/users/js/index2.js" type="text/javascript"></script>


</body>
</html>
